import { useEffect } from "react";

function CanvasComponent() {
  useEffect(() => {
    const c = document.getElementById("canvas") as HTMLCanvasElement;
    const ctx = c.getContext("2d");
    ctx?.beginPath();
    ctx?.arc(95, 50, 40, 0, 2 * Math.PI);
    ctx?.stroke();
  }, []);
  return (
    <div>
      <canvas id="canvas"></canvas>
    </div>
  );
}

export default CanvasComponent;
